// 子传父
import { useState } from "react";
function Son ({onGetSonMSg}) {
  const sonMsg = "this is son";
  return (
    <div>
      Son
      <button onClick={()=> onGetSonMSg(sonMsg)}>this is son</button>
    </div>
  )
}

function App () {
  const [ msg, setMsg ] = useState("");
  const getMsg = (msg) => {
    console.log(msg);
    setMsg(msg);
  }
  return (
    <div>
      App: { msg }
      <Son onGetSonMSg = {getMsg}>
      </Son>
    </div>
  )
}
export default App;